
export default {
  title: {
    text: '近30天我国总地震次数',
    left: 'center',
    textStyle: {
      //---主标题内容样式
      color: '#fff',
      fontSize: 24
    },
    subtext: '0次', //---副标题内容样式
    itemGap: 10,
    left: 'center',
    subtextStyle: {
      color: '#bbb',
      fontSize: 28,
      fontWeight: 'bold',
      color: '#FFCC66',
      textAlign: 'center'
    },
    padding: [30, 0, 0, 210] //---标题位置,因为图形是是放在一个dom中,因此用padding属性来定位
  },
  tooltip: {        // 提示框组件
    show: true,     // 显示提示框组件
    trigger: "item",     // 触发类型
    triggerOn: "mousemove",  // 出发条件
    formatter: "名称:{b}<br/>坐标:{c}"
  },
  // series,  // 数据
  geo: {
    map: 'china',  // 引入地图 省份或者 国家
    layoutCenter: ['50%', '55%'],//位置
    layoutSize: '45%',//大小
    roam: true, //开启鼠标缩放和漫
    zoom: 2,
    label: {
      normal: {
        //静态的时候展示样式
        show: true, //是否显示地图省份得名称
        textStyle: {
          color: "#E6E8FA",
          fontSize: 10,
          fontFamily: "Arial"
        }
      },
      emphasis: {  // 高亮状态下的样式
        //动态展示的样式
        color: "#fff"
      }
    },
    itemStyle: {   // 地图区域的多边形 图形样式。
      normal: {
        borderColor: "#07919e",  // 边框颜色
        areaColor: "#1c2f59",    //  区域颜色
        textStyle: {             // 文字颜色
          color: "#E6E8FA"
        },
        shadowBlur: 10,          // 图形阴影的模糊大小
        shadowOffsetX: 10        // 阴影水平方向上的偏移距离。
      },
      emphasis: {
        areaColor: "#1c2f59",
        color: "#E6E8FA"
      }
    },
  },
  //进行气泡标点
  series: 
  {
    show:true,
    type: 'effectScatter',
    coordinateSystem: 'geo',
    effectType: 'ripple',
    showEffectOn: 'render',
    // 散点样式
    rippleEffect: {
      period: 1,
      scale: 2,
      brushType: 'fill'
    },
    // 散点大小
    symbolSize: [15, 15],
    hoverAnimation: true,
    // 标志的样式
    itemStyle: {
      normal: {
        color: 'rgba(255, 235, 59, .7)',
        shadowBlur: 10,
        shadowColor: '#333'
      }
    },
    zlevel: 1,
    data: [
      { name: '省直', value: [118.6, 32.1] }
    ]
  }
};